<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" media="all"
          th:href="@{/css/style.css}"/>
    <script th:src="@{/js/home.js}"></script>
    <script th:src="@{/js/jquery.2.2.4.min.js}"></script>
    <title>Home</title>
</head>
<body>

Spring Boot + Spring WebFlux + Thymeleaf + H2(内存数据库) 示例项目

<p th:text="${info}"></p>
<img th:src="@{/image/code.jpg}"/>


<p>获取Actuator详细:<a href="/application" target="_blank">详细</a></p>


<table>
    <tr>
        <td>HTTP方法</td>
        <td>路径</td>
        <td>描述</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/autoconfig</td>
        <td>提供了一份自动配置报告,记录哪些自动配置条件通过了,哪些没通过.</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/configprops</td>
        <td> 描述配置属性(包含默认值)如何注入Bean</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/beans</td>
        <td>描述应用程序上下文里全部的Bean,以及它们的关系</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/dump</td>
        <td>获取线程活动的快照</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/env</td>
        <td>获取全部环境属性</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/env/{name}</td>
        <td>根据名称获取特定的环境属性值</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/health</td>
        <td>报告应用程序的健康指标,这些值由HealthIndicator的实现类提供</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/info</td>
        <td>获取应用程序的定制信息,这些信息由info打头的属性提供</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/mappings</td>
        <td>描述全部的URI路径,以及它们和控制器(包含Actuator端点)的映射关系</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/metrics</td>
        <td>报告各种应用程序度量信息,比如内容用量和HTTP请求计数</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/metrics/{name}</td>
        <td>报告指定名称的应用程序度量值</td>
    </tr>
    <tr>
        <td>POST</td>
        <td>/shutdown
            <input type="button" id="shutdownApp" value="关闭应用(不再提示确认)" />
            <div id="message" style="font-size:24px"></div>
        </td>
        <td>关闭应用程序,要求endpoints.shutdown.enabled设置为true</td>
    </tr>
    <tr>
        <td>GET</td>
        <td>/trace</td>
        <td>提供基本的HTTP请求跟踪信息(时间戳、HTTP头等)</td>
    </tr>
</table>

<form th:action="@{/saveTodo}" id="InputForm" th:method="post">
    <input type="text" name="todo" id="todoInput" placeholder="输入项目,然后回车提交"/>
</form>
<table>
    <tr>
        <th>项目</th>
        <th>创建时间</th>
        <th>操作</th>
    </tr>
    <tr th:each="iffor : ${infolist}">
        <td th:text="${iffor.todo}">todo</td>
        <td th:text="${iffor.createDate}">2017</td>
        <td><a th:href="@{/delete(id=${iffor.id})}">Delete</a></td>
    </tr>
</table>
</body>
<script>
    $(document).ready(function () {
        $("#todoInput").keydown(function (e) {
            if (e.keyCode == 13) {
                $('#InputForm').submit();
            }
        });

        $("#shutdownApp").click(function(){
            $.ajax({
                type:"post",
                url:"/application/shutdown",
                dataType:"json",
                success:function(e){
                    console.log(e);
                    $("#message").text(e.message);
                }
            })
        })
    })
</script>
</html>